// 通用白色
@general-white-color: #fff;
// 通用黑色
@general-black-color: #000;

// --------------------------------------------------------
// 静态颜色值，定义通用的命名，但不用于动态修改
// --------------------------------------------------------

// 黑色主题下字体颜色
// 白色文字标题
@heading-color-dark: @general-white-color;
// 白色文字标题 0.9 fade(@white, 90%)
@text-color-dark: fade(@general-white-color, 90%);
// 白色次要文字 0.55 fade(@white, 55%) #ffffff8c
@text-color-secondary-dark: fade(@general-white-color, 55%);
// 白色占位字体颜色
@text-color-placeholder-dark: fade(@general-white-color, 35%);

// 通用dark背景颜色
@general-dark-bg-color: #181818;
// 背景dark失效颜色
@general-dark-bg-invalid-color: #2C2C2C;
// 通用dark分割线
@general-dark-divider-color: #4B4B4B;
// 通用dark边框颜色
@general-dark-border-color: #5E5E5E;

// 通用亮蓝色主题背景
@general-light-blue-bg-color: #051F48;

// 蓝色主题色
@blue-primary-color: #71F7FF;
// 通用蓝色主题颜色值
@general-blue-bg-color: #010D1F;
// 背景blue失效颜色
@general-blue-bg-invalid-color: #031736;
// 通用blue分割线
@general-blue-divider-color: #051F48;
// 通用悬停/选中颜色
@general-bule-hover-color: #1C3D72;
// 蓝色主题input/button 边框颜色
@general-bule-border-color: #15888E;
// 蓝色二级字体颜色
@general-blue-text-secondary-color: #22BEC7;

// 通用的白色移上去的颜色 hover
@general-white-hover-color: fade(@general-white-color, 15%);
// 白色选中颜色active
@general-white-active-color: fade(@general-white-color, 25%);
// 深色主题下的禁用颜色
@disabled-color-dark: fade(@general-white-color, 35%);

// ---------------------------------------------------
// 所有可以动态设置的颜色值
// 默认主题颜色值

// 主题色 
@primary-color: #0052D9;
// 成功色
@success-color: #00B429;
// 警告色
@warning-color: #F4AB31;
// 错误色
@error-color: #F53F3E;

// 通用背景颜色
@general-bg-color: #f3f3f3;
// 背景失效颜色
@general-bg-invalid-color: #eeeeee;
// 通用分割线
@general-divider-color: #e7e7e7;
// 通用边框颜色
@general-border-color: #dcdcdc;

// 黑色文字标题 0.9 #000000e6
@heading-color: fade(@general-black-color, 90%);
// 正文 0.6 #00000099
@text-color: fade(@general-black-color, 60%);
// 黑色文字标题 0.4 #00000066
@text-color-secondary: fade(@general-black-color, 40%);
// 字体相反颜色
@text-color-inverse: @general-white-color;

// antd 组件兼容主题色内容
// ant 组件的背景色
@component-background: @general-white-color;
// 通用亮色背景颜色
@background-color-light: hsv(0, 0, 98%);
// Default grey background color
@background-color-base: hsv(0, 0, 96%);

// item 移上去
@item-hover-bg: #e6f7ff;
// item 激活
@item-active-bg: #e6f7ff;

// box-shadow
@input-outline-offset: 0 0;

@outline-blur-size: 0;
@outline-width: 2px;

// icon hover 颜色
@icon-color-hover: fade(@general-black-color, 75%);

// 禁用字体的颜色
@disabled-color: fade(@general-black-color, 25%);
// 禁用背景色
@disabled-bg: @background-color-base;

// border 样式
// base border outline a component
@border-color-base: hsv(0, 0, 85%);
// split border inside a component
@border-color-split: hsv(0, 0, 91%);
// width of the border for a component
@border-width-base: 1px;
// style of a components border
@border-style-base: solid;

// Layout 整个布局背景颜色
@layout-body-background: @general-bg-invalid-color;

// layout header 背景
@layout-header-background: @general-white-color;
// layout header 字体颜色
@layout-header-font-color: @text-color;
// layout 布局边框颜色
@layout-header-border-color: @general-border-color;

// 菜单背景
@menu-bg: @component-background;
// 菜单默认字体颜色
@menu-item-color: @text-color;

// 多页签样式

// 多页签背景颜色
@multi-tabs-bg-color: @general-white-color;
// 多页签 active/hover 背景颜色
@multi-tabs-active-bg-color: @general-bg-invalid-color;
// 多页签字体颜色
@multi-tabs-color: @text-color-secondary;
// 多页签 active/hover 字体颜色
@multi-tabs-active-color: @heading-color;
// 多页签分割颜色
@multi-tabs-divider-color: @general-divider-color;
// 多页签箭头颜色
@multi-tabs-arrow-color: @general-black-color;

// antd 组件样式

// info 提示背景色
@alert-info-bg-color: #e6f7ff;
@alert-info-border-color: #91d5ff;

// btn primary 颜色
@btn-primary-color: @general-white-color;

// table 表头背景
@table-header-bg: @background-color-light;
// table hover 背景
@table-row-hover-bg: @item-hover-bg;
// table 行选择
@table-selected-row-bg: @background-color-light;
// table 展开行背景
@table-expanded-row-bg: #fbfbfb;
// table 排序
@table-header-sort-active-bg: darken(@table-header-bg, 3%);

// 树节点被选中
@tree-node-selected-bg: #a3d3ff;

// Descriptions
@descriptions-bg: @background-color-light;

// collapse
@collapse-header-bg: @background-color-light;